草庐IT

html - 动画 :hover:after

全部标签

javascript - 如何在 for 循环的每次传递中增加动画延迟

首先,我创建了一个基本演示,展示了我现在拥有的东西here.其次,这是我正在使用的javascript。varboxes=["#one","#two","#three","#four"];boxhover=function(a){$("#hover").hover(function(){$(a).stop(true).delay(250).animate({opacity:1});},function(){$(a).stop(true).delay(250).animate({opacity:0});})}for(vari=0;i我希望实现的是让每个盒子一个接一个地悬停,延迟时间为25

javascript - 如何让用户通过我的自定义域访问 amazon s3 html/javascript 页面?

我有一个金字塔/python应用程序,在www.domain.com有一个页面,它在s3.amazonaws.com/testbucket/object_name创建html页面。现在在这个测试桶中,我还有每个对象(html页面)使用的javascript文件。我想要它,以便用户可以转到subdomain.domain.com/object_name并查看启用了javascript的文件。我已将subdomain.domain.com(我的存储桶名称)命名为s3.amazonaws.com。(最后一个句点在最后)。现在我有两个问题(我更关心第二个)1).当我尝试通过https://su

javascript - 将动画 GIF 编码为 Base64

我一直在寻找一种方法来将动画GIF从给定的URL编码为base64,而无需使用jquery等外部库(如果绝对必要,我会使用它)。我有foundresults将静态图像编码为base64,但它们都使用canvas,而canvas.toDataURL()只会编码动画GIF的单帧。有没有一种方法可以在不使用canvas的情况下将动画GIF(或与此相关的任何图像)编码为base64? 最佳答案 是的,您可以使用FileReader.readAsDataURL()(examplebasedonMDNwebdocs):functionprevi

javascript - 在 Node.js 中使用 GM 生成动画 GIF

所以我已经处理这个问题几天了,当我准备好寻求帮助时,我明白了这一点。我正在尝试使用graphicsmagic在基于node.js的应用程序中生成动画gif包。我生成了几张看起来有点像那样的幻灯片varslides=[];for(vari=0;i我可以将它们转换成流或缓冲区,我可以将它们作为单独的文件保存在硬盘驱动器上,这样就可以了但我的问题是如何根据这些幻灯片制作动画gif完全在内存中,而不将单个文件保存在硬盘上?我看到gm有类似#delay()的方法和#page()所以从技术上讲,我可以制定一个像这样的命令convert-delay200-pageslide1.gif-pagesli

javascript - 这是 html5shiv 中的错字吗?

我刚看到html5shiv并找到这段代码:functionaddStyleSheet(ownerDocument,cssText){varp=ownerDocument.createElement('p'),parent=ownerDocument.getElementsByTagName('head')[0]||ownerDocument.documentElement;p.innerHTML='x'+cssText+'';returnparent.insertBefore(p.lastChild,parent.firstChild);}在哪里p.innerHTML='x'+cssT

javascript - 跟踪基本 HTML 表单发布进度

我有一个基本的HTML表单,可以正常提交,根本没有ajax。此表单使用常规邮寄提交到同一文件。我不使用AJAX,因为表单有12个文本字段和至少1个图像,但最多可能有26个图像,而ajax不能同时处理表单和图像,我必须保存到数据库中,而且很多AJAX的额外工作量。问题是我需要以某种方式跟踪表单上传进度。大多数程序员都知道在浏览器的左下角或右下角查看表单提交进度。但大多数人并不知道这一点。所以我想显示一个进度条。问题是我发现所有进度条都使用ajax的XHR请求。由于表单不是ajax,我似乎无法找到跟踪进度的方法。那么有没有办法拦截浏览器内部的提交进度,看看表单上传完成的百分比呢?编辑我在页

javascript - html2canvas 屏幕截图捕获当前窗口,而不是整个主体

试图在javascript中捕获整个页面主体(包括用户填写的字段)的屏幕截图,但html2canvas仅捕获当前窗口,即使我将高度设置为一个巨大的数字。html2canvas网站示例似乎具有我想要的功能,但我无法理解它们的不同之处。ClickMe!$("#pdfbutton").click(function(){html2canvas(document.body,{onrendered:function(canvas){//document.body.appendChild(canvas);varimg=canvas.toDataURL("image/png");console.log

javascript - 制作一个无限动画jQuery

我想给一个div做一个无限动画。我成功地制作了一个无限移动的div,但它并没有显示为一致的动画。div正在移动然后再次调用该函数并再次移动,您可以看到动画何时停止以及何时再次开始。这是我做的代码:this.movePipesHolder=function(){this.pos=this.pos-10;parent=this;$('#pipesHolder').animate({"left":this.pos},function(){parent.movePipesHolder();});}我希望我的解释是正确的。 最佳答案 根据JQ

javascript - VueJS 在内联模板组件中重新编译 HTML

我已经将bootstrapTable(https://github.com/wenzhixin/bootstrap-table)包装到一个指令中,如下所示:Vue.directive('bootstraptable',{priority:1000,params:['url','resource-name'],bind:function(){var_self=this;$(this.el).bootstrapTable({pagination:true,pageSize:15,pageList:[],sidePagination:'server',url:this.params.url,

javascript - Gulp-inject 说 "Nothing to inject into index.html"

我试图在我的索引中注入(inject)一些文件,所有这些文件都连接并缩小到一个.tmp文件夹中,如下所示:gulp.task('prep-js',['clean'],function(){varjspath='./src/page/**/*.js';vartreatJs=gulp.src(jspath).pipe(plugins.concat('scripts.js')).pipe(plugins.uglify()).pipe(gulp.dest('.tmp/page/js'))});但是当我运行注入(inject)任务时,它显示“没有任何东西可以注入(inject)到index.ht